a,abbr,acronym,address,applet,b,big,blockquote,body,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,tt,u,ul,var {
    margin:0;
    padding:0;
    font-size:100%;
    border:0;
    outline:0;
    background:0
}
ol,ul {
    list-style:none
}
blockquote,q {
    quotes:none
}
:focus {
    outline:0
}
table {
    border-collapse:collapse;
    border-spacing:0
}
.fl {
    float:left
}
.fr {
    float:right
}
.clearfix:after {
    display:block;
    clear:both;
    content:''
}
.clearfix {
    zoom:1
}
body {
    font-family:'lth';
    color:#c7d1ea;
    width:100%
}
a {
    text-decoration:none
}
.wrap {
    font-family:'lth';
    position:absolute;
    background:url(../img/bg.png) no-repeat #333;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-size:cover
}
.center {
    position:fixed;
    top:50%;
    left:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%)
}
@font-face {
    font-family:lth;
    src:url(./font/lth.eot);
    src:url(./font/lth.TTF) format('truetype'),url(./font/lth.woff) format('woff'),url(./font/lth.svg) format('svg')
}
@font-face {
    font-family:fz;
    src:url(./font/fz.eot);
    src:url(./font/fz.TTF) format('truetype'),url(./font/fz.woff) format('woff'),url(./font/fz.svg) format('svg')
}
@font-face {
    font-family:terminal;
    src:url(./font/terminal.eot);
    src:url(./font/terminal.TTF) format('truetype'),url(./font/terminal.woff) format('woff'),url(./font/terminal.svg) format('svg')
}
@font-face {
    font-family:roboto;
    src:url(./font/Roboto-Regular.eot);
    src:url(./font/Roboto-Regular.TTF) format('truetype'),url(./font/Roboto-Regular.woff) format('woff'),url(./font/Roboto-Regular.svg) format('svg')
}
.English {
    font-family:'roboto' !important
}
.rotate30 {
    -webkit-animation:rotateAction 30s linear 0s infinite;
    -moz-animation:rotateAction 30s linear 0s infinite;
    -ms-animation:rotateAction 30s linear 0s infinite;
    -o-animation:rotateAction 30s linear 0s infinite;
    animation:rotateAction 30s linear 0s infinite
}
.rotate5 {
    -webkit-animation:rotateAction 5s linear 0s infinite;
    -moz-animation:rotateAction 5s linear 0s infinite;
    -ms-animation:rotateAction 5s linear 0s infinite;
    -o-animation:rotateAction 5s linear 0s infinite;
    animation:rotateAction 5s linear 0s infinite
}
.rotate2 {
    -webkit-animation:rotateAction 2s linear 0s infinite;
    -moz-animation:rotateAction 2s linear 0s infinite;
    -ms-animation:rotateAction 2s linear 0s infinite;
    -o-animation:rotateAction 2s linear 0s infinite;
    animation:rotateAction 2s linear 0s infinite
}
.rotate1 {
    -webkit-animation:rotateAction 1s linear 0s infinite;
    -moz-animation:rotateAction 1s linear 0s infinite;
    -ms-animation:rotateAction 1s linear 0s infinite;
    -o-animation:rotateAction 1s linear 0s infinite;
    animation:rotateAction 1s linear 0s infinite
}
.rotateHalfAction {
    -webkit-animation:rotateHalfAction 6s ease-in-out 0s infinite;
    -moz-animation:rotateHalfAction 6s ease-in-out 0s infinite;
    -ms-animation:rotateHalfAction 6s ease-in-out 0s infinite;
    -o-animation:rotateHalfAction 6s ease-in-out 0s infinite;
    animation:rotateHalfAction 6s ease-in-out 0s infinite
}
@-webkit-keyframes rotateHalfAction {
    0% {
        -webkit-transform:rotate(120deg)
    }
    10% {
        -webkit-transform:rotate(180deg)
    }
    30% {
        -webkit-transform:rotate(90deg)
    }
    80% {
        -webkit-transform:rotate(120deg)
    }
    100% {
        -webkit-transform:rotate(120deg)
    }
}
@-moz-keyframes rotateHalfAction {
    0% {
        -moz-transform:rotate(120deg)
    }
    10% {
        -moz-transform:rotate(180deg)
    }
    30% {
        -moz-transform:rotate(90deg)
    }
    80% {
        -moz-transform:rotate(120deg)
    }
    100% {
        -moz-transform:rotate(120deg)
    }
}
@-webkit-keyframes rotateAction {
    0% {
        -webkit-transform:rotate(0)
    }
    50% {
        -webkit-transform:rotate(180deg)
    }
    100% {
        -webkit-transform:rotate(360deg)
    }
}
@-moz-keyframes rotate {
    0% {
        -webkit-transform:rotate(0)
    }
    50% {
        -webkit-transform:rotate(180deg)
    }
    100% {
        -webkit-transform:rotate(360deg)
    }
}
.mod-star-list {
    position:absolute;
    z-index:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    overflow:hidden
}
.mod-star-list .inner {
    position:relative;
    width:100%;
    height:100%
}
.mod-star-list .meteor {
    position:absolute;
    width:114px;
    height:67px
}
.mod-star-list .meteor .box {
    opacity:0;
    width:100%;
    height:100%;
    background:url(../img/bg_meteor.png) no-repeat
}
.mod-star-list .meteor .action {
    animation-name:meteor;
    animation-duration:4s;
    animation-timing-function:linear;
    animation-iteration-count:infinite;
    -webkit-animation-name:meteor;
    -webkit-animation-duration:4s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-name:meteor;
    -moz-animation-duration:4s;
    -moz-animation-timing-function:linear;
    -moz-animation-iteration-count:infinite
}
@-webkit-keyframes meteor {
    0% {
        opacity:0;
        -webkit-transform:translate3d(200%,-200%,0)
    }
    15% {
        opacity:1;
        -webkit-transform:translate3d(0,0,0)
    }
    30% {
        opacity:0;
        -webkit-transform:translate3d(-200%,200%,0)
    }
    100% {
        opacity:0;
        -webkit-transform:translate3d(-200%,200%,0)
    }
}
@-moz-keyframes meteor {
    0% {
        opacity:0;
        -moz-transform:translate(200%,-200%)
    }
    15% {
        opacity:1;
        -moz-transform:translate(0,0)
    }
    30% {
        opacity:0;
        -moz-transform:translate(-200%,200%)
    }
    100% {
        opacity:0;
        -moz-transform:translate(-200%,200%)
    }
}
@keyframes meteor {
    0% {
        opacity:0;
        transform:translate(200%,-200%)
    }
    15% {
        opacity:1;
        transform:translate(0,0)
    }
    30% {
        opacity:0;
        transform:translate(-200%,200%)
    }
    100% {
        opacity:0;
        transform:translate(-200%,200%)
    }
}
.mod-star-list .star {
    position:absolute;
    width:28px;
    height:28px
}
.mod-star-list .star .box {
    width:100%;
    height:100%;
    background:url(../img/bg_star.png) no-repeat
}
.mod-star-list .star .action {
    animation-name:star;
    animation-duration:2s;
    animation-timing-function:linear;
    animation-iteration-count:infinite;
    -webkit-animation-name:star;
    -webkit-animation-duration:2s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-name:star;
    -moz-animation-duration:2s;
    -moz-animation-timing-function:linear;
    -moz-animation-iteration-count:infinite
}
@-webkit-keyframes star {
    0% {
        -webkit-transform:scale(.5)
    }
    30% {
        -webkit-transform:scale(1)
    }
    60% {
        -webkit-transform:scale(.5)
    }
    100% {
        -webkit-transform:scale(.5)
    }
}
@-moz-keyframes star {
    0% {
        opacity:0;
        -moz-transform:scale(.5)
    }
    15% {
        opacity:1;
        -moz-transform:scale(1)
    }
    30% {
        opacity:0;
        -moz-transform:scale(.5)
    }
    100% {
        opacity:0;
        -moz-transform:scale(.5)
    }
}
.shineAction {
    -webkit-animation:shineFrame 2s ease-in-out 0s infinite;
    -moz-animation:shineFrame 2s ease-in-out 0s infinite;
    - ms-animation:shineFrame 2s ease-in-out 0s infinite;
    -o-animation:shineFrame 2s ease-in-out 0s infinite;
    animation:shineFrame 2s ease-in-out 0s infinite
}
.shineDelayAction {
    -webkit-animation:shineFrame 5s ease-in-out 0s infinite;
    -moz-animation:shineFrame 5s ease-in-out 0s infinite;
    - ms-animation:shineFrame 5s ease-in-out 0s infinite;
    -o-animation:shineFrame 5s ease-in-out 0s infinite;
    animation:shineFrame 5s ease-in-out 0s infinite
}
@-webkit-keyframes shineFrame {
    0% {
        opacity:.5
    }
    15% {
        opacity:1
    }
    60% {
        opacity:1
    }
    100% {
        opacity:.5
    }
}
@-moz-keyframes shineFrame {
    0% {
        opacity:.5
    }
    15% {
        opacity:1
    }
    60% {
        opacity:1
    }
    100% {
        opacity:.5
    }
}
@keyframes shineFrame {
    0% {
        opacity:.5
    }
    15% {
        opacity:1
    }
    60% {
        opacity:1
    }
    100% {
        opacity:.5
    }
}
#header {
    margin-bottom:20px
}
.header-left {
    float:left;
    width:100px;
    text-align:center;
    margin-right:30px;
    position:relative;
    z-index:100
}
.btn {
    margin:0 auto;
    width:69px;
    height:69px
}
.bg-next {
    background:url("../img/next-bg.png") center center no-repeat
}
#header .header-right p,#header .header-left p {
    line-height:26px;
    height:24px;
    font-size:14px;
    color:#90b8f1
}
#header .header-right p {
    font-family:'roboto'
}
#header .header-left p {
    font-family:'lth'
}
.header-right {
    float:left;
    width:300px;
    height:44px;
    padding:25px 0;
    font-size:20px;
    font-family:'lth';
    color:#98c3ff
}
.header-right .header-open {
    border-left:4px solid #98c3ff;
    padding:0 12px;
    line-height:22px;
    font-size:20px
}
.header-open span {
    color:#438cf1;
    font-size:22px
}
.header-open p {
    font-size:14px;
    line-height:16px
}
footer {
    height:67px;
    margin-bottom:34px;
    position:absolute;
    bottom:3px;
    width:100%;
    text-align:center
}
.footer-left .back {
    margin-left:10px;
    display:inline-block;
    background:url(../img/icon-back.png) top left no-repeat;
    width:80px;
    height:72px;
    background-position:4% 0
}
.backText,.refreshText {
    width:100%;
    font-size:13px;
    font-family:'lth'
}
.backText {
    margin-left:7px
}
.refreshText {
    margin-right:7px
}
.footer-right .refresh {
    margin-right:10px;
    display:inline-block;
    background:url(../img/icon-back.png) top right no-repeat;
    width:80px;
    height:72px;
    background-position:4% 100%
}
.textAlignC {
    text-align:center
}
.textAlignL {
    text-align:left
}
.textAlignR {
    text-align:right
}
.fakeloader {
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:999;
    background-image:url(../bgAll/img/bg.png)
}
